home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Resources / Burning & Media / GB-PVR 1.2.13 / GBPVR10213.msi / Cabs.w1.cab / manage.css417 < prev    next >
Encoding:
Text File  |  2007-12-23  |  6.6 KB  |  241 lines
  1. /* 
  2. CSS Layout for Manage Recordings page.
  3. */
  4.  
  5. #DIV_CONTENTS {
  6.     /* 
  7.     This is the divider line between the header and the content section.
  8.     Specifying any values here will override the default values found in styles.css
  9.     */
  10. }
  11. #RECORDINGS_HEADER {
  12.     /*
  13.     Positioning for the fixed row containing the header information for the programme information.
  14.     */
  15.     position:absolute; 
  16.     width:100%; 
  17.     height:25px; 
  18.  
  19.     left:0; 
  20.  
  21.     background:#ffffff url("../graphics/main_bg.jpg") repeat-x left top;
  22.     color:#000000;
  23.     overflow:hidden;
  24. }
  25. .forcedScrollbar {
  26.     /* 
  27.     This is a surrounding div which forces the header to display a scrollbar when the content area becomes full.
  28.     Height should be set to more than the height of #RECORDING_HEADER (100 pixels more should be sufficient)
  29.     With proper z-indexing, doing this ensures a vertical scrollbar will appear. The extra content is simply hidden behind the
  30.     regular content area which has a higher z-index.
  31.     */
  32.     height:125px;
  33.     overflow:scroll;    /* force scrolling */
  34.     background-color:#dcdcdc;
  35.     
  36.     display:inline-block;
  37.     position:relative;
  38.  
  39.     width:100%;
  40.     
  41.     border-width:0;
  42.     padding:0;
  43. }
  44. #FILTERS {
  45.     /* 
  46.     Contains the filters for the different types of programmes to show.
  47.     */
  48.     width:100%;
  49.     top:95px;
  50.     position:absolute;
  51.     right:0;
  52.     float:right;
  53.  
  54.     padding: 11px 0px 0px 0px;
  55.     
  56.     z-index:8;
  57. }
  58. #recordingFilter {
  59.     /* 
  60.     Styling for the individual SELECT areas for the filter
  61.     */
  62.     float:right;
  63.     display: block;
  64.     margin-right:4px;
  65.     color:#000000;
  66.     border: 1px solid #556b2f;
  67.     background: #CCCCCC;
  68.     font-size: 1em; 
  69. }
  70. #treeView {
  71.     /* 
  72.     Contains the priamry sort information for TreeView.
  73.     */
  74.     float:left;
  75.     margin-left: 5px;
  76.     display: block;
  77.     color: #000000;
  78.     padding-left: 5px;
  79.     padding-right: 5px;
  80.     border: 1px solid #556b2f;
  81.     background: #CCCCCC;
  82.     font-size: 1em; 
  83. }
  84. #SORT_HEADER {
  85.     /* 
  86.     Contains the sort information for TreeView.
  87.     */
  88.     position:absolute;
  89.     top:131px;
  90.     left:0;
  91.     color: #000000;
  92.     padding: 2px 0px 0px 0px;
  93. }
  94. #sortResults {
  95.     /* 
  96.     Contains the priamry sort information for TreeView.
  97.     */
  98.     float:left;
  99.     margin-left: 4px;
  100.     display: block;
  101.     margin-right:4px;
  102.     padding-left: 5px;
  103.     padding-right: 5px;
  104.     border: 1px solid #556b2f;
  105.     background: #CCCCCC;
  106.     font-size: 1em; 
  107. }
  108. #sortResults2 {
  109.     /* 
  110.     Contains the secondary sort information for TreeView.
  111.     */
  112.     float:left;
  113.     display: block;
  114.     padding-left: 5px;
  115.     padding-right: 5px;
  116.     border: 1px solid #556b2f;
  117.     background: #CCCCCC;
  118.     font-size: 1em; 
  119. }
  120.  
  121. /*
  122. *********************************************************************************************************************
  123. Absolute Positioning and Height                                                            
  124.  
  125. These values are consolidated into one place to make it easier to change size attributes seeing as changing
  126. any one of these values can affect all the others. Main declarations for these values appear earlier in the style sheet
  127. and then actual positioning values here.
  128.  
  129. These values are the key to maintaining proper size, positioning and scrolling behavior.
  130. *********************************************************************************************************************
  131. */
  132.  
  133. BODY {
  134.     /*
  135.     In order to maintain proper positioning and fixed scrolling, these values must be specified.
  136.     In effect, this absolutely positions the main body within the borders of the scrolling area.
  137.     Top value is the same as the top value of #RECORDINGS.
  138.     Bottom value would be the height of the footer area minus the height of the divider    for the footer.
  139.     */
  140.     margin-top:158px;
  141.     margin-bottom:49px;
  142. }
  143. #HEADER {
  144.     /* 
  145.     The height of the entire header area from page top to the bottom of the navigation tabs.
  146.     The actual nav tabs are floated within this div.
  147.     */
  148.     height:92px;
  149. }
  150. #NAV_ROW {
  151.     /* 
  152.     The is the row containing the navigation tabs.
  153.     It is typically positioned at the bottom of the header
  154.     */
  155.     top:62px;
  156. }
  157. #NAV_ROW, #NAV_ROW A {
  158.     /* determines the height of the main navigation tabs */
  159.     height:32px;
  160. }
  161. #DIV_DATELINE {
  162.     /*
  163.     This is the divider line between the main header above and the section containing the server time
  164.      */
  165.     top:91px;
  166. }
  167. #DATELINE {
  168.     /* 
  169.     This is the section containing the server time, date, etc.
  170.     */
  171.     top:92px;
  172. }
  173. #REMINDER_DIV, #FILTERS, #DATELINE {
  174.     /* Height of these individual elements would normally be the same as #DATELINE */
  175.     /*    Contains the Genre, date, time and GO button.*/
  176.     height:40px;
  177. }
  178.  
  179. #RECORDINGS_HEADER {
  180.     /* 
  181.     This section contains the main, non-scrolling timeline at the top of the content section.
  182.     */
  183.     top:133px;
  184.     height:25px;
  185. }
  186. #DIV_CONTENTS {
  187.     /*
  188.     This is A divider line between any fixed top section within the content area and the content itself.
  189.     This is typically used in the guide page to separate the showtime header from the content.
  190.     In other pages which don't need this functionality it can simply be hidden.
  191.      */
  192.     top:158px;
  193. }
  194. #CONTENTS {
  195.     /* 
  196.     This is the main content area.
  197.     To ensure proper scrolling behavior it MUST be absolutely positioned.
  198.     Both top and bottom values must be specified.
  199.     Top value would be the height of all foxed content above it.
  200.     Bottom value would be the height of the footer area minus the height of the divider    for the footer.
  201.     Values must be tweaked due to differences in how IE and Firefox interpret the box model.
  202.      */
  203.     top:158px;
  204.     bottom:47px;
  205.     overflow-x:hidden;
  206. }
  207. #treeControl {
  208.     /* 
  209.     This is the main content area.
  210.     To ensure proper scrolling behavior it MUST be absolutely positioned.
  211.     Both top and bottom values must be specified.
  212.     Top value would be the height of all foxed content above it.
  213.     Bottom value would be the height of the footer area minus the height of the divider    for the footer.
  214.     Values must be tweaked due to differences in how IE and Firefox interpret the box model.
  215.      */
  216.     position: absolute;
  217.     top:158px;
  218.     bottom:47px;
  219.     overflow-x:hidden;
  220.     overflow-y:auto;
  221.     width:100%;
  222. }
  223. #DIV_FOOTER {
  224.     /* 
  225.     The divider between the main content area and the footer.
  226.     It must be absolutely positioned.
  227.     The bottom value would typically be the same as the height of the footer
  228.     */
  229.     bottom:50px;
  230. }
  231. #FOOTER {
  232.     /* 
  233.     Fixed area at the bottom of every page. This must be absolutely posiitioned for proper scrolling
  234.     Certain content will always be contained in this section such as standard GB-PVR documentation links and credits,
  235.     but it contains and left and right section which can be customized on each page.
  236.     
  237.     If the size of the footer changes make sure to adjust the content area's bottom value as well as the
  238.     divider section for the footer.
  239.     */
  240.     height:50px;
  241. }